vue安装与配置
- 一共是10个步骤,期间需要安装node、webpack等,按步骤操作即可,无需全部理解
- 功能快捷键
- 合理的创建标题,有助于目录的生成
- 1. 下载node.js,这个网上教程很多,很简单,自己先下,然后傻瓜式安装就好。
- 2.检查安装是否完成
- 3.更换一下下载源,因为npm会引用国外链接,在国内下载会很慢,在这里我们改用淘宝镜像,同时要注意原本的npm由于换了镜像后,命令改为了cnpm
- 4.检查是否更换完成,继续在命令行输入cnpm –v
- 5.安装vue脚手架。(如果没有改镜像的话,这个过程会非常缓慢)
- 6.安装webpack
- 7.完成上面的六个步骤之后,基本的环境配置工作我们就完成了。现在我们先在控制台初创我们一个项目,创建完成之后,我们用webstorm等软件打开来完成我们项目的后续开发即可。
- 8.选择一些初始化的设置要求,大家可以根据我的下图来。(输入y代表yes,n代表no)
- 9.完成之后,你需要打开你刚刚创建的项目的位置。一般默认在C盘里头你的用户文件夹里头。像我的,如下图。你在这个文件夹里,找到你的项目文件夹,然后点击进入。进入之后,把这个界面的路径,改为cmd,然后回车:
- 安装运行这个项目需要的一些模块。
- 10.项目正常初始化之后,就基本完成项目的初始化搭建了。可以看到弹出一个网址。把这个网址输入浏览器,http://localhost:8080,就可以看到vue的欢迎界面了。
- 最后就可以用webstom导入这个项目开始vue啦
一共是10个步骤,期间需要安装node、webpack等,按步骤操作即可,无需全部理解
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
合理的创建标题,有助于目录的生成
直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,我们支持6级标题。有助于使用TOC
语法后生成一个完美的目录。
1. 下载node.js,这个网上教程很多,很简单,自己先下,然后傻瓜式安装就好。
2.检查安装是否完成
按win+R键,输入cmd,打开命令行窗口,输入node -v与npm -v,检查Node.js的安装是否完成,如果完成,如下图所示:
3.更换一下下载源,因为npm会引用国外链接,在国内下载会很慢,在这里我们改用淘宝镜像,同时要注意原本的npm由于换了镜像后,命令改为了cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.检查是否更换完成,继续在命令行输入cnpm –v
5.安装vue脚手架。(如果没有改镜像的话,这个过程会非常缓慢)
cnpm install --global vue-cli
6.安装webpack
cnpm install -g webpack
7.完成上面的六个步骤之后,基本的环境配置工作我们就完成了。现在我们先在控制台初创我们一个项目,创建完成之后,我们用webstorm等软件打开来完成我们项目的后续开发即可。
vue init webpack xinming_vue_project(名字自己取,爱啥啥)
8.选择一些初始化的设置要求,大家可以根据我的下图来。(输入y代表yes,n代表no)
9.完成之后,你需要打开你刚刚创建的项目的位置。一般默认在C盘里头你的用户文件夹里头。像我的,如下图。你在这个文件夹里,找到你的项目文件夹,然后点击进入。进入之后,把这个界面的路径,改为cmd,然后回车:
安装运行这个项目需要的一些模块。
这个时候你能看到弹出来一个命令行界面。然后你在此界面输入代码:
(1) npm install
(2) npm run dev
10.项目正常初始化之后,就基本完成项目的初始化搭建了。可以看到弹出一个网址。把这个网址输入浏览器,http://localhost:8080,就可以看到vue的欢迎界面了。