搭建Vue框架（小白版）

• 环境准备
• 看看环境
• 正式开始
• 效果

环境准备

首先下载安装node.js。百度nodejs，头两个就是。以下两个给我的差别就是下载速度不一样，中文网服务器在国内。官网是外国的。
官网：https://nodejs.org/en/
中文网：http://nodejs.cn/download/

看看环境

以下操作都是在cmd界面中进行的。
第一步：看看nodejs安装成功了没，环境配置了没。
node -v
npm -v

使用淘宝的镜像
npm install -g cnpm –registry=https://registry.npm.taobao.org
再看一下版本
cnpm -v

安装Vue脚手架
vue-cli
npm install --global vue-cli
再看看vue版本
vue -V

正式开始

我在F盘新建了一个叫Vue的文件夹，进入cmd界面，输入 cd /d F:Vue ，然后就进入了F盘中的Vue文件夹。然后输入以下指令：
（注：括号外的都是指令，输入之后回车就行）

1. vue init webpack vue-sjzu（新建一个项目“vue-sjzu”）
   （这一步结束后得等一会，它要下载并创建点东西）
2. vue-sjzu（输入项目名，让你确认一遍）
3. my frist project from on May 6th（输入项目说明，你可以随便写点）
4. xiaoguo （输入项目作者，给自己起个帅气的名字）
5. 这是一道选择题，用方向键选第一个，然后回车（1.运行+编译 2.仅运行）
6. y （是否安装vue-router。Yes）
7. n （是否使用ESLint。No）
8. n （是否使用单元测试 。No）
9. n （是否使用Nightwatch e2e测试。No）
10. 又是一道选择题，选第一个回车（1.使用npm 2.使用Yarn）

十条指令，输完成，，一阵等待后。。。

屏幕上单独显示这两行：

cd vue-sjzu
npm run dev

说明你成功了。

成功后继续你的指令：

1. cd vue-sjzu
2. npm run dev（或者 npm run server ，这是新旧版本的区别，不过vue兼容的）

效果

浏览器输入：http://localhost:8080/ 自己慢慢端详吧。。
也得注意一下刚才运行之后，屏幕上给出的网址，可能不同的人端口号会有不一样的。

标签：npm,vue,nodejs,Vue,sjzu,白版,输入,搭建
来源： https://blog.csdn.net/qq_55342245/article/details/116465656