Vue——vsCode配置vue

【有项目】

1.首先安装node

https://nodejs.org/en/download/

2.打开cmd命令,

输入node-v,判断安装是否成功

输入npm -v,判断安装是否成功

3.输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖

4.安装vue-cli脚手架构建工具,输入命令 npm install -g vue-cli,安装完成即可。

5.从SVN或者Git上down下来项目

6.用vsCode打开

7.安装vue插件vetur,实现支持vue文件的代码高亮

8.按快捷键Ctrl+`,打开终端

9.输入 npm install

10.在输入npm run dev 运行,即可配置完成。

【偶遇小bug】o(╥﹏╥)o

如果,出现了下图

说明,没有注入依赖文件,需自己手动注入依赖文件,所以输入npm install 命令,项目文件内会生成node_modules文件夹,网上有说是重新删除文件夹,然后在项目根目录重新运行终端,输入npm install ,npm run bulid  最后输入 npm run dev 就可成功运行了。


【无项目】

在完成上述4步之后,

用cmd创建一个项目

1、选定一个目录

2、在cmd上执行指令vue init webpack +项目名称

3、一直回车或者选择yes

4、运行项目,指令npm run dev ,运行网址

发布了215 篇原创文章 · 获赞 37 · 访问量 8万+

猜你喜欢

转载自blog.csdn.net/MirabelleZWH/article/details/96477423