nodejs+vue4.X的安装

 

第一步：安装node.js到e:\nodejs目录

node -v 查看nodejs的版本

npm -v 查看npm的版本

第二步：在nodejs目录中，再新建node_global和node_cache这两个目录

第三步：设置e:\nodejs\node_global 为全局目录

                                   npm config set prefix "e:\nodejs\node_global"

               设置e:\nodejs\node_cache 为缓存目录

                                   npm config set cache "e:\nodejs\node_cache"

         安装过程中出错，可以用清除npm缓存命令 : npm cache clean -f

 第四步：因为国外的npm下载包比较慢，所以要使用国内淘宝镜像

              npm install -g cnpm --registry=https://registry.npm.taobao.org

第五步：安装express（选择安装）。cnpm install -g express

第六步：安装webpack 。cnpm install -g webpack

第七步：安装vue

2.X的vue的安装是：cnpm install vue -g  和cnpm install vue-cli -g

验证：vue -V

3.x和4.x的vue的安装是cnpm install -g @vue/cli

第八步：建项目。

（1）对于2.x的命令是： vue init webpack 项目名；

 

最后cd键入项目所在文件夹，npm install安装依赖  npm run dev(启动)走你。http://localhost:8080/#/访问入口。

（2）对于3.x/4.x的命令是：

vue create 项目名称

这里只需要选中Bable，Router,Vuex,Css预编译即可
space键为选中选项，enter键为确认选中。

 

选择存放位置
1）单独存放 2）存放在pack.json
选择单独存放

是否保存本次为下次的模版 n

根据指引
1）cd 项目名称
2）执行npm run serve