node+webpack+vue-cli

时间:2022-01-09 15:04:55

 安装nodejs + 安装webpack + 安装vue-cli+安装脚手架模板+安装依赖+运行

1 安装nodejs

  去官网安装node.jshttp://www.runoob.com/nodejs/nodejs-install-setup.html  )

 注意node的版本,只有支持和谐模式的node才会支持es6,在基于webpack构建项目名称时才不会报错。推荐最新版本.

  下载安装包之后直接点击安装即可。测试安装成功的界面如下:

node+webpack+vue-cli

1.2安装淘宝镜像  npm install cnpm -g --registry=https://registry.npm.taobao.org;  注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;

2、利用npm安装webpack 命令行语句为npm install webpack -g/-D (全局或本地安装)。测试安装成功的界面如下:

node+webpack+vue-cli

3 安装vue-cli

npm install vue-cli -g/-D(全局或者本地安装)

4 安装脚手架模板

vue init webpack my-project