vue.js从安装到施工的详细说明

最开始是用vue直接下载相关文件，按照之前的方法操作

后来发现安装后使用好像更方便了，然后就开始琢磨怎么设置框架。以下是流程：

固定

1.安装节点

直接在网上找下载就可以了

2.安装淘宝镜像

打开命令行输入

npminstall-gcnpm-registry=https://registry.npm.taobao.org 3，安装webpack

Cnpm安装webpack -g4。在要创建新项目的路径下创建一个用于存储项目文件的新文件夹。

Cd到您的文件路径中

vue init web pack-简单项目名称(名称不能是中文)

稍后会有一些默认设置

目标目录存在。继续吗？(Y/n)直接输入默认的项目名称(vue-test)直接输入默认的项目描述(awue.js项目)输入默认的Author写自己的名字。5.完成后，您会发现您的文件夹中已经有了所需的文件。

6.安装npm项目依赖于此步骤，该步骤将会很慢，因为有很多文件

Npm安装7。运行您的项目

Npm运行开发到了，您的基本安装和构建完成了

以下是我在项目中需要介绍的一些文档。

1.导入jQuery

之前和别人讨论的时候，他说vue不需要用jQuery，但是我们项目说要安装，所以我就安装了-_-第一，命令行安装

Npm install jquery - save join-save意味着将其保存在本地，然后将其加入module . exports . plugins=in web pack . config . js

新的web pack . optimize.commonchunkplugin(' common . js ')、新的web pack . provide plugin({ $ : ' jquery '、jquery:' jquery'})和要再次引用的js

从“jQuery”窗口导入$ 0。$=$以便jquery成功导入到项目中

2.静态css和js导入

静态css导入是在相应的。例如，vue文件

@import。/assets/CSS/global . CSS '；静态js在相应的js中是必需的，这些js和css应该放在资产下面

要求('。/assets/js/global . js’)3。vue-资源导入和elementui导入方法都是一样的。以虚拟资源为例

导入并在js中使用，在npm安装vue后导入-资源-保存

从“vue-resource”vue导入vue资源。use (vue资源)本文已整理成《Vue.js前端组件学习教程》，欢迎大家学习阅读。

关于vue.js组件的教程，请点击专题vue.js组件学习教程学习。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。