Vue新建项目的时候,自己的一些总结
我们在之前搭建一个vue项目直接按照vue官方文档里面的安装指示npm install -g vue-clivue init webpack my-project这两行代码是指引我们创建一个vue项目,可是尴尬的是,现在vue-cli好像不好使了。后来仔细看了一下vue的官方文档。另附一VUE CLI的官方地址 https://cli.vuejs.org/点进去一看,...
我们在之前搭建一个vue项目直接按照vue官方文档里面的安装指示
npm install -g vue-cli
vue init webpack my-project
这两行代码是指引我们创建一个vue项目,可是尴尬的是,现在vue-cli好像不好使了。
后来仔细看了一下vue的官方文档。
另附一VUE CLI的官方地址 https://cli.vuejs.org/
点进去一看,大吃一惊,命令已经进行了更换。变成了
npm install -g @vue/cli
# OR
yarn global add @vue/cli
vue create my-project
当然我们可以用npm安装也可以用yarn。
顺便提一下,我们想用yarn安装,就必须用npm安装一下yarn。
npm install yarn -g #苹果电脑记得加sudo 命令最终是sudo npm install yarn -g
对了,在用苹果电脑安装脚手架vue-cli的时候,也得需要加sudo,这里我来告诉大家,在加sudo的时候出现的错误!!!
在加上sudo之后, sudo npm install -g @vue/cli
执行命令的时候会提示password,这里就是电脑的本机密码。。。
就可以顺利安装了。
安装之后,再创建项目 vue create my-project
会出现一条提示
选第二个,自己手动配置。
小提示:我们按空格键就可以进行选中/取消 操作。选好按回车键。
(当我们选择了css Pre-processors (css的预编译)的时候,按回车的时候就会提醒我们选择哪种预编译语言。)
附图一张
接下来会提示我们
我选择的是 ESLint + Standard config
接下来是
我选择的是 Lint on save
接下来是
选择是package.json
接下来选择y,然后回车再回车就好了。
这条命令执行完之后会提示选择npm还是选择yarn作为执行主体,我无意中选的yarn,大家可以选择npm。
(注:我选择yarn之后,好几次再建项目就没有再让选择了,很尴尬,所以我这一直是yarn。。。)
下面这张图是我在webstrom中的Terminal中截取的
然后依次执行图中红圈圈中的两行代码即可。
cd my-project
yarn serve
执行完之后就可以看到自己的vue的欢迎界面了。
选择npm的就是
cd my-project
npm run dev
可能有点儿啰嗦,还望大家海涵,有帮助就很好了!!!
更多推荐



所有评论(0)