Vue-搭建

第一步：下载安装Node.js

windows系统下cmd测试是否安装成功

Microsoft Windows [版本 10.0.18362.720]
(c) 2019 Microsoft Corporation。保留所有权利。

C:\Users\16238>node -v
v8.11.1

C:\Users\16238>npm -v
6.14.3

C:\Users\16238>

 

出现对应的版本号则安装成功。

第二部：安装脚手架CLI

• 全局安装CLI

npm install -global vue-cli 

 

• 测试是否安装成功：vue -V 出现对应的版本号则安装成功。
• 如果报错，vue不是内部或外部命令。解决办法：全局配置 vue 的环境变量，找到 vue.cmd 的路径。将找到的路径配置到环境变量中：我的电脑===》右击属性===》搞基系统设置===》环境变量===》系统变量Path===》新建配置路径   如：我的路径是：C:\Users\16238\AppData\Roaming\npm 配置成功错误解决。
• 创建一个基于webpack的项目并对这个项目进行一些基础配置。例如我要将webpack安装到我的桌面projects文件夹下。则应该 先切换到该文件夹下安装

 cd desktop/projects

 

vue init webpack my-project

? Project name my-project
? Project description vue知识
? Author zhao
? Vue build standalone
? Install vue-router? (Y/n) y
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n
? Use ESLint to lint your code? No
? Set up unit tests (Y/n) n
? Set up unit tests No
? Setup e2e tests with Nightwatch? (Y/n) n
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recom
? Should we run `npm install` for you after the project has been created? (recom
mended) npm

   vue-cli · Generated "my-project".


# Installing project dependencies ...
# ========================

第三步：安装依赖

首先打开项目所在的目录

cd my-project

安装依赖

npm install

安装成功后启动项目

npm run dev

如果启动后显示 以下但无法打开浏览器

 Your application is running here: http://localhost:8080

解决办法

找到项目的config文件 打开index.js将箭头标记的地方设置true再次启动即可。