您的位置:首页 > Web前端 > Vue.js

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

2020-06-07 21:57 525 查看

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

npm install -g @vue/cli
cnpm install -g @vue/cli(使用淘宝镜像安装)
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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: