首先,需要安装node.js和yarn,调整数据源。
参考网址:
https://www.jianshu.com/p/1cfeeb07dd07
这些之前讲过了。
第一步:关闭360!!!!!!
否则会报很多错,比如:(解决方法:重装yarn)
Error: EBUSY: resource busy or locked//这是截取的一部分的内容
还有这种错(解决方法:yarn install)
'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件
这种报错也是由于360!!!
第二步:执行以下代码(一定要严格按照以下顺序执行,里面my-project改为自己的工程名)
切换源
yarn config get registry
yarn config set registry https://registry.npm.taobao.org
安装新版:
yarn global add @vue/cli
//检查vue是否被安装
vue -V
//版本应该在3以上
vue create my-project
//之后会提示一些信息,按照需要选择,
//我们选择使用第一条(默认)、vuex、router,取消掉语法检测(倒数那个选中的)
//完成之后,进入到创建的项目根目录下
cd my-project
//安装依赖包
yarn
//说明:yarn是yarn install的简写,可直接敲击yarn,功能和npm install一样
//最后运行项目
yarn run dev
//浏览器会自动打开运行一个页面,出现以下页面,说明成功了。
安装旧版(vue2.9.?)【现在已经不用了。】
yarn global add vue/cli
//检查vue是否被安装
vue -V
//使用webpack打包工具
vue init webpack my-project
//之后会提示一些信息,全部选择yes,一直敲回车即可
//完成之后,进入到创建的项目根目录下
cd my-project
//安装依赖包
yarn
//说明:yarn是yarn install的简写,可直接敲击yarn,功能和npm install一样
//最后运行项目
yarn run dev
//浏览器会自动打开运行一个页面,出现以下页面,说明成功了。
或者npm install -g vue-cli
备注:vue init webpack my-project这个命令会出现具体配置,内容如下:
成功画面:
点开弹出此文件。
如果按照此流程仍旧出错的话,请给我留言。