vue开发环境搭建(含WebStorm中vue的代码提醒和微信小程序开发代码提醒)

第一部分

安装nodejs

nodejs官网

安装vue淘宝镜像

npm install -g vue –registry=https://registry.npm.taobao.org

安装webpack

npm install webpack -g(-g代表全局安装,安装好nodejs后,直接在命令行下面进行就好)

安装vue脚手架

npm install vue-cli -g(代表全局安装,安装好nodejs后,直接在命令行下面进行就好)

第二部分

安装好环境之后,我们搭建一个项目模板测试
根据模板创建项目
vue init webpack 注意(项目名字不能用中文)

会有一些初始化的设置,如下输入: (最新版)

启动项目
npm run dev
(等待几分钟,命令行最后出现 Your application is running here: http://localhost:8081,表示模板创建成功)

发布项目
npm run build

第三部分

之后配置webstorm的环境,仅仅webstorm同步修改,

先将file type(文件类型)找见,在右边的文件类型中找见HTML类型,最后下面添加(+),输入*.vue,

这样webstorm的代码提示就可以了。

同时微信开发的小程序文件的添加代码提醒同理:

FileType下Cascading Style Sheet 添加*.wxss

将FileType下HTML 添加*.wxml,

当然还得有js的提醒,下载文件地址:https://github.com/nyhxiaoning/wecharCodejar,导入即可

(友情提示:如果操作正确,插件总是不成功,请考虑是否是webstorm的中文版,笔者中文版多次测试无效,换装英文版立即成功)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章