命令-创建项目

-D 是在开发环境中协助开发需要使用的;

-S 是生产环境打包时需要的;

-g 是全局

命令行-初始化:

  1. 查看node版本:node -v
  2. 查看npm版本:npm -v
  3. 更新npm至最新版本:npm install -g npm
  4. 查看vue-cli版本:vue -V【此处的V是大写】
  5. 安装cnpm【使用npm的国内镜像】:

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

npm config set registry https://registry.npm.taobao.org

  1. 安装Eslint:npm i -g eslint
  2. 安装脚手架vue-cli:cnpm install -g vue-cli
  3. 安装webpack:cnpm install webpack -g 和 cnpm install webpack-cli -g
  4. 全局下安装cli-init:cnpm install -g @vue/cli-init
  5. 全局安装pnpm:npm install pnpm -g
  6. 全局下安装JQ:npm install jquery --save或npm install jquery --save-dev
  7. 安装MD5:npm install js-md5 --save

命令行-创建项目:

  1. 进入目录:在cmd中输入盘符E:,回车进入E盘
  2. 进入指定目录:cd E:\vueWorkspace
  3. 新建项目【项目名feedback】:vue init webpack feedback

如果新建项目报错:

  1. 离线安装:

我们可以先去下载:https://github.com/vuejs-templates/webpack

解压后把文件夹放到以下目录中:feedback/vue-templates

然后离线执行安装:vue init webpack project --offline

精简安装vue init webpack-simple project或vue init webpack-simple project --offline

  1. 改host文件,路径:C:\Windows\System32\drivers\etc\hosts

安装项目依赖:

  1. 定位至项目所在路径目录下:cd E:\vueWorkspace\feedback
  2. 安装项目所需的依赖包资源:cnpm install

如果报错就先执行cnpm rebulid node-sass,后执行cnpm install解决

  1. 安装scss支持:cnpm install node-sass和cnpm install sass-loader

sass一种相似与css的文件

  1. 安装axios:cnpm install axios
  2. 安装element ui:cnpm instal element-ui
  3. 安装兼容包:cnpm instal babel-polyfill
  4. 安装兼容包:cnpm instal es6-promise
  5. 安装less依赖:cnpm install less less-loader --save

运行项目:cnpm run dev

打包项目:cnpm run build

退出运行:Ctrl+C

卸载npm:npm uninstall npm -g

卸载node:brew uninstall node

接着运行命令删除相关文件夹:

sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

  • 23
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值