前提: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。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多
支持。