vue搭建项目步骤

231 阅读1分钟
1.安装nodejs,nodejs.org/en/download…,选择左侧的LCT,右侧的Current不太稳定,
  • 用cmd打开控制台,输入 node -v 查看node的版本,输入npm -V查看npm的版本,npm的版本需要到3以上才方便以后使用,npm版本升级:npm install -g npm

2.安装vue-cli脚手架
  • npm install -g vue-cli //全局安装
  • 可以用vue -V查看vue是否安装好
  • 如果显示vue不是当前命令...,首先看自己文件夹里是否有它,如果有的话,有两种方法,一是更改环境变量,而是写到指定目录下,再写vue -V,这样应该就可以了
3.创建项目框架
  • 如果想要放到指定目录下,比如进入d盘vue文件中
D:回车 //进入d盘中
cd vue //进入d盘中的vue文件中
  • 创建一个基于webpack的项目
npm install webpack myproject //myproject的位置是写自己项目的名字
project name //项目名称,非必填,但如果填的话,字母要小写
project description //项目描述 。 非必填
Author //作者 。 非必填
Install vue-route . //项目会用到,,输入y
Use ESLint to lint your code? //这个是问你是否需要js语法检测,这个后面暂时用不到,如果使用这个后面会因为语法问题而报错,输入 n
  • 安装好后,输入npm run dev 成功的最后会显示网址,打开网址,如果可以出现下面的画面就可以了
  • 在创建过程中,如果出现warn不要管,他只是警告,不是error,后面还是可以运行的。