vue脚手架的使用

第一步
首先进入官网下载安装nodejs ，根据电脑位数自行选择安装一路下一步（如果一路下一步 npm下载全局模块默认安装到C:\Users\username\AppData\下的Roaming\npm下 很显然若东西多了会占空间 我自己选则安装的路径是E:\SoftTool\nodejs\InstallNode ）

进入cmd 执行命令 说明已经安装好node

第二步
因为我自己选则安装的路径是E:\SoftTool\nodejs\InstallNode 所以要修改 npm下载全局模块默认 路径 ，在这个文件夹里创建这两个文件夹node_cache 和node_global 并且在cmd里设置

npm config set prefix "E:\SoftTool\nodejs\InstallNode\node_global"
npm config set cache "E:\SoftTool\nodejs\InstallNode\node_cache"

然后配置下环境变量

第三步
设置完成之后 这里还是个空文件夹 通过cmd命令 安装vue脚手架(官网)
npm install --global @vue/cli 执行完这个命令安装完成之后会发现 若安装不上用淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
设置完之后执行
3.0的
cnpm i -g @vue/cli@3.3.0
3.0之前的
cnpm install vue-cli -g

node_global 文件里有一堆文件 其中有一个vue.cmd 若第二步不配置环境变量的话vue --version 会显示不是内部文件

//判断是否安装成功 vue --version

第四步
我随便找了个文件夹创建了项目先看看帮助

创建项目

vue create vue-demo

创建项目之后会让我们选择 我们选择第二个回车

根据个人需要选择 按空格见对应选择 按A 键全选 和反选 这里 直接回车键


完成之后启动
npm run serve

3. 安装vue-cli3.0
   命令 ：npm install -g @vue/cli
   若出现错误：Unexpected end of JSON input while parsing near···
   解决办法：
   npm cache clean --force
   npm cache verify
   npm i -g @vue/cli