**
新建一个vue项目
**
安装node环境
- 当然是先下载node安装包,http://nodejs.cn/download/,然后选择合适的安装包下载并安装。
- 安装你的node包,一直next,然后就提示安装好了。
- 接下来,看看有没有安装成功。cmd代开小黑窗,输入node -v,回车!显示得有node版本号,然后接着输入npm -v,回车!也能显示npm的版本,OK,成功了。但是,有的小伙伴也可能会遇到npm -v后有小光标在闪,这时找到这个路径C:\Users\Administrator\npmrc,并删掉此文件。
这是正常的情况
不正常的情况,不好意思我没截图。。。。
搭建vue环境
- 这里我使用了vue的脚手架 vue-cli , 当然是因为方便又快捷,但是你也可以自己搭,帮助了解框架的搭建过程:
npm i -g vue-cli (全局安装) - 新建项目文件夹,并且cd到文件夹下,创建一个基于webpack模板的项目:
npm init webpack ‘你的项目名’ - 接下来会出现一些项目属性:
依次是:项目名称、项目描述、作者、打包方式、是否安装vue-router、是否使用ESLint语法检测、是否安装单元测试工具、是否需要端到端测试工具、使用npm初始化项目。 - cd 你的项目名称 进入到项目文件夹内,初始化项目,安装依赖:
npm init
此时,你可以看到项目目录:
- 至此,你可以运行你的项目了:
npm run dev
桃子的胡言乱语:
因为懒,所以一直也没写过什么东西,懒是原罪。但是以后要慢慢的改变,人总要做点什么才能证明在活着(活着为什么要证明~。。。)。我最近在追《庆余年》,推荐给你啊,很好看的!