VUE-CLI脚手架的安装过程及最基本的配置使用

1.安装：可以使用下列任一命令安装这个vue-cli的包：

npm install -g @vue/cli  //此命令用来安装vue脚手架，比较慢，可能会失败，如果失败，可以先安装一个淘宝镜像
npm install -g cnpm  //安装淘宝镜像的命令，
cnpm install -g @vue/cli   //(使用淘宝镜像安装) 安装完淘宝镜像再安装vue脚手架会比较快
or
yarn global add @vue/cli

安装最后出现此，即是安装成功

检查是否安装成功：用这个命令来检查其版本是否正确：

vue --version

2.创建项目

运行以下命令来创建一个新项目：

vue create hello-world     //vue create  （文件名）

创建中遇到的选项配置


可能会遇到报错：

ERROR : command failed: npm install --loglevel error

解决办法：

1、使用以下命令：

npm cache clean --force //清除缓存

2、在~/.vuerc文件中将”useTaobaoRegistry”: false设置为true

3.创建好的项目

http://localhost:8080/
项目网址，可以用电脑浏览器打开
第二个网址为手机调试网址，前提是手机和电脑处于同一无线下。

4.项目重启后重新运行项目

1.cd web

2.npm run serve