本文介绍了VsCode的新VueJs，并与大家分享如下：

使用vue-cli快速构建项目

(vue-cli是vue.js的脚手架，用于自动生成vue.js模板项目。在安装vue-cli之前，需要先安装vue和webpack)

//node-v(由低版本引起：找不到bash:npm:命令)。NPM-v//以上帮助检查是否安装节点NPM。进入vue。//测试vue是否安装成功。输入vue列表//查看vue中哪些子类是NPM安装vue NPM安装-g vue-CLI//全局安装vue-CLI vue init web pack project name。//生成具有项目名称的模板。自己在这里写项目名称(如果是，只需按回车键)。//默认情况下，安装最新版本的webpack。如果您想安装其他版本，只需使用命令行vue init webpack#1.0 ***。安装过程中会询问您：

、项目名称(三丰1)；项目名称(三丰1)。(确定按enter，否按n)

、项目描述(一个Vue.js项目)；项目描述(一个vue.js项目)。(随意输入英文简介)

、作者(孙三丰)；作者(孙三丰)。(确定按enter，否按n)

、Vue构建(使用箭头键)运行时编译器：建议大多数用户使用。仅时间：比最小gzip轻约6KB，但模板(或任何Vue特定的HTML)仅允许在中使用。vue文件-其他地方需要渲染功能；Vue公司建立的运行时编译器(使用箭头键):大部分用户推荐运行时间：6kb左右轻gzip，但模板(或Vue的任何特定HTML)只允许放入。VUE文件渲染功能在其他地方是必需的。(按回车键)

、安装虚拟路由器？(Y/n)；已安装的路线？(/不适用).(可以放心，以后可以再安全，按需选择)

、使用ESLint清理代码？(Y/n)；使用ESlint语法？(不适用).(要使用ESLint语法，你要做好心理准备。除非你非常了解ESLint语法，否则你会到处报告错误，我会被逼疯的。建议n)

、用Karma摩卡设置单元测试？(Y/n)；设置单元测试？(不适用).(选择n)

、用守夜人设置e2e测试？(Y/n)；Nightwatch建立端到端测试？(不适用).(选择n)

结束cd projectName//ctrl c并输入文件目录npm install //根据npm运行dev //最后执行它//在浏览器中打开http://localhost:8080，您可以看到欢迎页面。但是这个只能在本地运行。我们如何在自己的服务器上访问它？

此时，您需要执行：

npmrunbuild//将生成一个静态文件。在根目录的dist中，有一个index.html，它是服务器访问的路径。当您在此指定时，您可以访问我们自己的项目。注意：淘宝镜像声明，npm安装后速度更快，使用时只需将npm改为cnpm即可：

$ NPM install-g cnpmregistry=https://registry . NPM . Taobao . org//或#建议不要在cnpm中安装各种奇怪的bug。npm速度慢的问题可以通过以下操作解决：$ npminstallregistry=https://registry.npm.taobao.org。但是，我发现生成的index.html中引用的css和js的引用路径是错误的，所以我需要自己修改配置。

输入config/index.js

原始配置的参考路径是

我自己改的

这样你就可以正常访问了。

tips:

1.安装npm的几种方法：

$ npm i或$ cnpm i或$ npm i cnpm -g (cnpm更快)或$ NPM INSTALL-G CNPM-Registry=https://Registry . NPM . Taobao . org/[image file](http://riny . net/2014/CNPM/)，提高速度

Npm install -g npm//但是，在我尝试检查npm //npm -v//的当前版本后，仍然显示当前版本。//npm也有更新命令，所以我看了官方文件：//npm update [-g] [pkg.]//并尝试使用此命令：//npm update -g npm//，但仍然不起作用。最后，进入国家预防机制的官方网站

发现使用以下命令：

Npm install [emailprotected] -g //可以将Npm更新到最新版本，其中您要更新的版本号可以添加在@符号之后。

3.运行vue项目：

$ npm运行dev或vsCode查看集成终端并输入上面的命令

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。