手把手搭建安装基于windows的Vue.js运行环境(2)

这只是个例子,你要按照自己的文件目录来打开。强调一下,最基础的命令行指令要会, cd 是打开那一层目录的意思,有兴趣的可以百度一下命令行的指令。诸如    windows、Linux等操作系统,这些指令基本都大差不差。

建好文件夹以后,进入到我们的 VueTest文件夹

安装webpack,打开命令行工具输入:

npm install webpack -g

如果成功 输入 webpack -v 会提示版本信息

在cmd命令框输入
cnpm install -g vue-cli

将出现如下界面

手把手搭建安装基于windows的Vue.js运行环境

在命令框内键入 vue ,将会看到如下描述:

手把手搭建安装基于windows的Vue.js运行环境

然后在命令行键入 vue init webpack 项目名称 ,将会有一大串关于你这个项目的配置,如图所示

手把手搭建安装基于windows的Vue.js运行环境

cd 命令进入创建的工程目录,首先cd 自己建工程的名字;

安装项目依赖:npm install,因为自动构建过程中已存在package.json文件,所以这里直接安装依赖就行。

安装 vue 路由模块 vue-router 和网络请求模块 vue-resource,输入:cnpm install vue-router vue-resource --save。

启动项目,输入:npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”。

以上就是完整的搭建Vue.js项目的流程,若有错误之处希望朋友们能够指正。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyxddw.html