使⽤VsCode运⾏Vue项⽬
1.⾸先需要下载node和npm，Vue需要node的环境 (win7)
node是JavaScript的运⾏环境；
32位安装包
64位安装包
Node.js默认安装⽬录为 "C:\Program Files\nodejs"；java中的转义字符
安装后需要检查⼀下环境变量PATH中是否添加了nodeJs的安装路径（运⾏cmd进⼊控制台，输⼊PATH命令来查看是否添加了nodeJs的安装路径，在我这因为安装在了C:\Program Files\nodejs\下，所以需要查C:\Program Files\nodejs\是否在PATH变量中），如果没添加的同学需要在环境变量path中添加你的安装路径（环境变量PATH可以右击计算机->点击属性->⾼级系统设置->环境变量->到PATH之后在最后加上你的node安装路径，注意要⽤分号隔开呀）；jquery下载的文件怎么使用
之后，可以在控制台中输⼊命令node -v来查看node是否正确安装，如果出现了版本号（我的是8.4.0），说明正确安装啦！
npm是同NodeJS⼀起安装的包管理⼯具，主要⽤于Gulp，Vue，bootstrap，jQuery等等等插件的下载；
在安装NodeJs时就已经将npm⼀同安装好了，同样在控制台中输⼊npm -v可以查看相应版本；
由于有的时候安装可能有些慢，可以使⽤淘宝镜像（cnpm）来代替官⽅的npm，输⼊以下命令：
$ npm install -g cnpm --registry=registry.，安装之后就可以将npm的命令⽤cnpm来代替啦。
2.之后进⼊正题，安装vue-cli和webpack
编写函数的递归调用程序先安装Vue cli脚⼿架，之所以要安装这个是因为这个⼯具能帮我们搭建好Vue项⽬的⼀个架⼦。
安装命令：npm install -g vue cli
安装之后输⼊vue或者Vue -V可以查看相应版本号就说明安装成功
如果出现bash: vue: command not found这种情况的话，可能是你Vue的命令不正确？你可以检查⼀下，不过不太可能，百分之⼋⼗是你npm的全局路径配置错误
c十十入门编程课程>空间数据库设计步骤
那么怎么查看npm全局路径呢？npm root -g可以查看当前npm的全局路径。⽽默认的全局路径基本上都是
在C:\Users\Administrator\AppData\Roaming\npm\node_modules下，你下载的全局⽂件像你刚才下载的Vue cli 等等⽂件包都在这个路径下⾯。如果你的全局路径不正确可以重新设置 npm config set prefix C:\\Users\\⽤户名\\AppData\\Roaming\\npm
还有⼀种⽅法，就是在你下载包时，查看你的包下载到了哪⾥。
在图中，我的包下载到了C:\Users\Administrator\AppData\Roaming\npm下，将这段路径放⼊环境变量PATH中，就可以了；
安装webpack时输⼊命令vue init webpack vue_pro(vue_pro是我创建的Vue项⽬的名字)，这个过程他会问你⼀系列问题，其中包括项⽬的名字什么的，是否需要安装路由什么的，可以根据⾃⼰的要求来，建议不使⽤ESLint语法，选N。
3.接下来，就是进⼊项⽬
输⼊命令cd vueProjectName进到你项⽬（我这⾥是vue_pros）
输⼊命令npm install对项⽬进⾏初始化依赖
最后执⾏npm run dev
divingfish查分器打开localhost:8080，则可以看到你初始化的vue_pros项⽬的index.html页⾯了
⾄此，结束了Vue初期的⼀个⼩⼩的难题，开头很困难，需要不停地去摸索和学习，⽬前我还在探索中，还有很多不明⽩的地⽅，欢迎⼤家指正和交流，蟹蟹~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。