前提:Nodejs本地已安装。

1。执行新安装--全球VUE CLI,Vue CLI全球安装

因为默认是来自国外服务器,所以您可以在家用镜像服务器中使用阿里巴巴。



通过配置命令创建默认下载路径:


NPM配置设置注册表https: / / registry.npm.taobao.org


然后再执行:


NPM安装--全球VUE CLI


2。安装完毕后,检查安装是否成功。

Vue V(注意这里的V)

3、Vue建设项目称为我的项目中使用(VUE init WebPACK我的项目),注意该项目的名称不能有资本。

注:Vue CLI的模板包括WebPACK和WebPACK简单,前者是一个更复杂的专业项目,和它的配置是不是都放在根目录下的webpack.config.js。

---- WebPACK简单比较简单,和它的根目录下webpack.config.js。



4。注意:

该项目在建设过程中,有以下的选择和不选择(这个选项使用ESLint规范你的代码,空间误差会报错,无法打开,避免不必要的麻烦)。

接下来的两个项目是单元测试,可以选择NO。



5。项目完成后,目录结构如下:



6,需要依靠项目的安装进入项目:


NPM安装


建成后,将有一个以上的node_modules文件夹目录中的项目,这是一个基于项目的vue.js WebPACK Vue CLI创建。



7、进入项目目录的文件夹(我的项目),你可以使用Vue公司的发展

8。运用新公共管理的发展,你可以打开本地服务器的实时视图(本地:8080)

如果浏览器打开页面没有加载,这是可能的,本地8080端口被占用,和配置文件配置> index.js需要修改。



建议端口号改为一个端口,是不常用的。我也会修改构建路径前缀/(原/),因为经过包装,将JS和CSS文件,如果路径/开始,相应的地方文件无法找到(服务器没有问题),所以如果你需要在本地打开打包的文件,你要修改文件的路径。

9。初始效应



10、退出显示器,可直接按Ctrl + C,选择Y。

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。