作者:平凡文学女 | 来源:互联网 | 2023-09-11 16:53
第一步:安装node.js到e:odejs目录node-v查看nodejs的版本npm-v查看npm的版本第二步:在nodejs目录中,再新建node_global和node_c
第一步:安装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