第一步:安装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 项目名;

nodejs+vue4.X的安装

 

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

(2)对于3.x/4.x的命令是:

vue create 项目名称

nodejs+vue4.X的安装

nodejs+vue4.X的安装

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

nodejs+vue4.X的安装

 

nodejs+vue4.X的安装

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

nodejs+vue4.X的安装

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

nodejs+vue4.X的安装

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

nodejs+vue4.X的安装

 

相关文章: