1、安装vuecli脚手架，安装代码为npm install g vuecli，我们在这里选择的是全局安装，安装完之后创建项目然后根据提示选择会否安装插件，如果安装则选择Yes，如果不安装则选择No，知道插件选择完成之后我们cd切换到项目。

2、前期刚学时不建议直接安装vuecli脚手架，可以直接通过引入，如 然后直接用就行了1首先Windows+R 打开cmd输入npm v 和node v 检测是否安装了npm和nodejs，没安装先去安装nodejsnpm是随nodejs一起安装。

3、需要配置以下的所有命令例如需要用到vue文件需要先安装vueloadervuestyleloader等加载器并做配置要使用es6语法，需要安装babel和babelloader等加载器注意一条都不能配置漏，不然出现报错可能影响往后的运行与配置。

4、输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 npm run serve 命令并不会自动。

5、这篇文章主要介绍了关于如何解决vue脚手架打包上线遇到的问题，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下indexhtml是有的 但是页面是空白的 通过network找出是路径中少了一个打包的文件夹的名称在。

6、没有 cd 进入到对应的文件夹吧，先学习 命令行使用，很多的命令需要先学会的，项目错误的话可以搜索答案的，程序员的问题搜索的话就找到答案了，可以看这个文章。

7、命令的配置可以根据自己脚手架的配置文件位置和名称不同修改哦！五构建脚手架目录同学们可以通过自己的习惯和喜爱搭建自己的脚手架目录，下面讲解以上面脚手架结构为准！六构建config 该文件主要用来配置构建开发环境和生产环境。

8、1nodejs由于我已经安装好了，跳过 2webpack npm install webpack g 3安装vue脚手架 npm install vuecli g 测试在硬盘上找一个文件夹放工程用的，在终端中进入该目录 cd 目录路径 根据模板创建项目 vue init。

9、本教程是基于windows系统下面正式开始搭建vuecli脚手架命令行工具命令行工具是我们操作npm的基础，这个必须要有的，很多教程没有写清楚，那些教程一上来就贴上一大堆命令，当初也不知道在哪里使用命令行工具git bash。

10、首先确定一下你是否在命令行里进入了vue项目的文件夹了，cd xxxxxxxxxx 查看你是否安装了依赖，npm i 如果都没有报错的话，应该就可以了，它会自动弹出地址的。

11、第四步，安装Vue执行命令cnpm install vue第五步，全局安装vuecli执行命令cnpm install global vuecli此步可以忽视第六步，在开源处即存放网站的地方，执行操作shift+右键，点击在此处打开命令窗口。

12、下面整个过程是基于已经安装nodejs和cnpm的基础上，nodejs如何安装就不在这里详说了如何全局化安装cnpm，这里简单提一下淘宝镜像命令其实对于安装vuecli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较。

13、如果加了那么这个样式只对当前页面起作用看完页面我们看看路由的配置如下图路由的路径在router下，刚开始打开会看到有报错，其实不是语法错误，是因为编译器默认编译es5的语法，而vue脚手架用的是es6的语法，我用的编译器是。

14、8安装vue相关包，重新打开cmdnpm install vue g9安装vuenpm install vuerouter g 10安装vuerouternpm install vuecli g11安装vue脚手架这里的g是指安装到global全局目录去，安装完成后，此时。

15、可以尝试重新安装Vue脚手架，并确保安装过程中没有出现错误3模板选择问题在使用Vue脚手架创建项目时，需要选择相应的模板如果选择的模板不正确，会导致创建的文件不全可以尝试重新创建项目，并确保选择了正确的模板。

16、全局安装脚手架工具npm i vuevli g 验证脚手架工具安装成功与否vue version 构建项目vue init webpack 项目名 测试vue项目是否运行成功npm run dev因为脚手架生成的vue项目不包含vuex，所以再安装vuex。

17、这次给大家带来怎样操作vuejs内安装npm，操作vuejs内安装npm的注意事项有哪些，下面就是实战案例，一起来看一下首先理清nodejs和npm的关系nodejs是javascript的一种运行环境，是对Google V8引擎进行的封装是一个服务。