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再次启动即可。

发布了18 篇原创文章 · 获赞 7 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览