#### 1、环境搭建 ''' - 安装node ``` 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ ``` - 安装cnpm ``` npm install -g cnpm --registry=https://registry.npm.taobao.org ``` - 安装脚手架 ``` cnpm install -g @vue/cli ``` - 清空缓存处理 ``` npm cache clean --force ``` #### 2、项目的创建 - 创建项目 ```js vue creat 项目名 // 要提前进入目标目录(项目应该创建在哪个目录下) // 选择自定义方式创建项目,选取Router, Vuex插件 ``` - 启动/停止项目 ```js npm run serve / ctrl+c // 要提前进入项目根目录 ``` - 打包项目 npm run build //要在项目根目录下进行打包操作 '''
vue项目的创建(路飞前端) -安装node.js -安装vue的脚手架 -创建vue项目,vue create 项目名字 在pycharm中开发vue -webstrom,pyacharm,goland,idea,androidStuidio,Php.... -Edit-conf----》点+ 选npm-----》在script对应的框中写:serve vue项目的目录结构 -node_modules:项目的依赖 -public -favicon.ico 网页的图标 -index.html 主页面 -src:你需要关注的 -assets:方静态文件 -components:小组件 -views :页面组件 -App.vue :主组件 -main.js :项目主入口js -router.js: 路由相关,以后配置路由,都在这里配置 -store.js :vuex相关,状态管理器 -package.json 项目的依赖文件