web项目-前端搭建之vue项目创建

该WEB采用的是vue+js前端框架、flask+python2后端框架。

一、安装vue

1.官网下载Download | Node.js

2.检查是否安装成功：

node -v 
npm -v

3.安装淘宝npm镜像

安装：npm install -g cnpm --registry=https://registry.npm.taobao.org
验证：cnpm -v

4.安装vue-cli     

安装：cnpm instcall -g vue-cli （全局安装）
验证：vue --version

6.安装webpack     

安装：cnpm install webpack -g
验证：webpack -v

  这里我的进行-v之后提醒我安装webpack-cli，但是一直错误，就采用了cnpm install webpack-cli -g，-v正确

7.打开webstorm，新建vue项目，一直失败，原因是路径有空格，修改路径

查看目录：npm config get cache
修改目录：npm config set cache "新的路径（无空格）"

8.创建vue项目失败，也没有project template选项，采用git方式创建项目。

   在工作空间目录中右键git bash，输入vue init webpack (项目名称)然后回车，y下去。

   完成之后，bash中进入项目目录，输入npm run dev，等待，完成后访问localhost:8080，成功。