vue 项目搭建

目录

1:node 安装

2.vue-cli安装

3.项目构建

4.项目启动

​5.访问页面

---

 

1:node 安装

官网参考安装，不再详述 ：https://nodejs.org/en/。node安装完成后 自带npm

安装检查： 1.windos+R 2.cmd  3. node -v 4. npm -v 

2.vue-cli安装

注：我在执行中报错：

错误信息：

D:\web\vue\node_modules\vueCliTest> npm install -g vue-cli
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm ERR! Unexpected end of JSON input while parsing near '...":1339701589846},"0.4'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\lxhmall\AppData\Roaming\npm-cache\_logs\2019-03-20T01_38_06_401Z-debug.log

错误截图：

错误解决办法：

执行命令： npm cache clean --force

（错误参考出处：http://www.pianshen.com/article/4168128933/。对这个博主感谢感谢感谢）：

3.项目构建

在将要建立的本地项目路径文件夹中shift 鼠标右键 打开cmd，执行命令：vue init webpack vue-demo ，其中 vue-demo 为项目名称。创建过程中，有项目信息选项，根据提示填写。执行完成后，即创建了项目

4.项目启动

在新建项目中进入项目目录vue-demo的下级目录： shift 右键 打开cmd窗口，执行：npm run dev

5.访问页面

浏览器输入npm页面提示的路径，即访问到页面。后续进行自己项目的开发即可。