Vue-vue-cli初始化项目

Posted 哥哦狗子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-vue-cli初始化项目相关的知识,希望对你有一定的参考价值。

一、下载安装node.js
下载地址:https://nodejs.org/en/download/,选择合适自己的版本下载,我下载的是Windows Installer (.msi)    32.bit。
二、启用cmd
使用node提供的npm包管理工具  ,可以使用cnpm代替npm。
方法一:使用npm安装cnpm(会导致npm和cnpm版本可能不一样)

npm install -g cnpm --registry=https://registry.npm.taobao.org

方法二:重命名方法用alias 命令设置别名

alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm --disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"

三、安装项目

1、安装vue-cli

cnpm install –g vue-cli

2、新建项目vuedemo

vue init webpack vuedemo

3、在vuedemo下安装依赖

cd vuedemo
cnpm install

它根据package.json的配置表进行安装,安装完后会在vuedemo下多一个文件夹 node_modules,这里的文件对应着配置表里的配置
4、运行vuedemo

npm run dev 
npm run build 

(Dev 运行开发环境,build运行生产环境)

主要文件介绍
index.html 默认有一个js入口main.js
开发主要集中在src目录下
config build 这两个是项目的配置信息
node_modules  是node的依赖

以上是关于Vue-vue-cli初始化项目的主要内容,如果未能解决你的问题,请参考以下文章

为啥此代码片段返回意外结果?

如何使用 Swift 使用此代码片段为 iOS 应用程序初始化 SDK?

Jekyll 偏移代码片段高亮的初始行

vsCode写vue项目一键生成.vue模板

Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段

OpenGL、GLSL 片段着色器无法读取 Sampler2D 纹理