脚本宝典收集整理的这篇文章主要介绍了

搭建vue开发环境,修改webstorm中js语法配置

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

1、首先要先下载node.js,因为vue的运行基于node.js里的npm管理工具来实现的,这里建议安装node时选择全局安装,

下面给出node.js安装及配置环境地址:https://www.cnblogs.com/zhouy...

安装成功之后在cmd命令行输入 node -v,如果出现版本号说明node安装成功;由于在国内使用npm非常慢,所以推荐使用淘宝npm镜像,使用
淘宝的cnpm命令管理工具可以代替默认的npm管理工具:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

2.全局安装vue-cli脚手架

cnpm install --global vue-cli

安装完成后在命令行输入 vue ,测试是否安装成功,成功会出现:

clipboard.png

3.脚手架搭建完成后,就要开始新建项目了,我的项目建在F盘,所以在F盘右击打开命令行,然后输入命令

vue init webpack project
注意:这里的my-project是要新建的项目名称和文件夹名称,输入后就一直回车,直到出现
install vue-router 记得出入y之后再回车
后边几项都是一些不常用的操作,我们可以忽略暂不安装,直接输入n

clipboard.png

之后直接回车运行npm install

clipboard.png

4.文件夹和依赖包安装好之后进入文件夹,输入命令:cd project 进入文件夹,然后可以测试一下项目是否可以正常运行,
输入命令:cnpm run dev

clipboard.png

默认端口为8080,我的端口已经被占了,端口号以命令行输出的为主,然后在浏览器中输入 localhost:8082 就可以打开vue默认模板项目了。

clipboard.png

5.如果要在webstorm中运行项目,记得在webstorm中修改javascript语法,webstorm默认javascript语法是es5语法,在File => settings 中修改

clipboard.png

点击Apply 再点击 OK 完成修改,就可以运行项目了。

总结

以上是脚本宝典为你收集整理的

搭建vue开发环境,修改webstorm中js语法配置

全部内容,希望文章能够帮你解决

搭建vue开发环境,修改webstorm中js语法配置

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过